<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es_ES" lang="es_ES" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	
		<title>Conecta con tus marcas favoritas y accede a regalos y ofertas exclusivas</title>
	
		<meta name="author" content="Runroom http://www.runroom.com" />
		<meta name="language" content="es_ES" />
		<meta http-equiv="content-style-type" content="text/css" />
		<meta http-equiv="content-script-type" content="text/javascript" />
		<meta name="robots" content="index,follow" />
		<meta name="keywords" content="" />
		<meta name="description" content="" />

		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

		<!-- hojas de estilo //-->
<!-- 
		<link media="all" rel="stylesheet" href="css/pre-v3.css">
 -->
		<link media="all" rel="stylesheet" href="css/styles.css" />
		<link media="all" rel="stylesheet" href="css/custom.css" />
		<link media="all" rel="stylesheet" href="css/qp-v3.css" />

		<!-- conditional comment: CSS para Explorer 7 y menor //-->
			<!--[if lte IE 7]>
				<link rel="stylesheet" href="css/ie7menos.css" />
			<![endif]-->
	
		<!-- incluir scripts //-->
		<script type="text/javascript" src="js/jquery.tools.min.js"></script>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
		<script type="text/javascript" src="js/jquery.periodicalupdater.js"></script>
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?key=ABQIAAAAzClpJywkGASi3cdCCxdvnBRyVQWqmkHGDTi57WK1YtyDytrQIhQNeQ5HGi7cnaGyd90vRPydCOgxrA&amp;sensor=false&amp;language=es_ES&amp;v=3.1&amp;region=ES"></script>
		<script type="text/javascript" src="js/json2.js"></script>
		<script type="text/javascript" src="js/jquery.cookie.js"></script>
		<script type="text/javascript" src="js/bootstrap.js"></script>
		<script type="text/javascript" src="js/locationSelector.js"></script>
		<script type="text/javascript" src="js/jquery.flip.min.js"></script>
		<script type="text/javascript" src="js/jquery.countdown.js"></script>
		<script type="text/javascript" src="js/jquery.countdown-es_ES.js"></script>
		<script type="text/javascript" src="js/jquery.scrollTo-min.js"></script>
		<script type="text/javascript" src="js/jquery.localscroll-min.js"></script>
		<script type="text/javascript" src="js/localscroll.js"></script>
		<script type="text/javascript" src="js/jquery.curvycorners.min.js"></script>
		<script type="text/javascript" src="js/jquery.fullscreenr.js"></script>	
		<script type="text/javascript" src="js/qp_tabs.js"></script>
		<script type="text/javascript" src="js/jquery.Jcrop.min.js"></script>
		<script type="text/javascript" src="js/fileuploader.js"></script>
		<script type="text/javascript" src="js/s3Capcha.js"></script>
		<script type="text/javascript" src="js/feeds.js"></script>
		<script type="text/javascript" src="js/feeds_home.js"></script>
		<!-- end incluir scripts //-->

<script type="text/javascript" charset="utf-8">
	//<![CDATA[

	var conditionsAccepted = false;
		var buttons;

		
		function onFBLoggedIn(){
			$(location).attr('href',"/login/fbconnect?fb_email=" + QP.FaceBookConnect.User.email);

			console.log("onFBLoggedIn");
			
		}

		function onFBLoggedOut(){
			console.log("onFBLoggedOut");
			$(".facebutton").show();
		}
		// execute your scripts when the DOM is ready. this is a good habit
		$(document).ready(function() {


			/*
			QP.FaceBookConnect.init(false,"#facebook-connect-button",onFBLoggedIn, onFBLoggedOut);
			// si hay un usuario cacheado
			if(QP.FaceBookConnect.User.getCachedUser()){
				$("#UserProfiles_full_name").val(QP.FaceBookConnect.User.name);
				$("#UserEmails_email").val(QP.FaceBookConnect.User.email);
				$("#fb_id").val(QP.FaceBookConnect.User.uid);
				//$("#facebookmessage").show();
			}
			*/

			// select all desired input fields and attach tooltips to them
			$(".form-tooltip [rel='tooltip']").tooltip({	
			
				onBeforeShow: function() {
					//console.log(this.getTip());
					if (this.getTip().html().indexOf('class="cierre"')<=-1) {
						this.getTip().append('<div class="cierre"/>');
					}
				},
				// place tooltip on the right edge
				position: "center right",
				// a little tweaking of the position
				// offset: [-2, 10],
				// use the built-in fadeIn/fadeOut effect
				effect: "toggle",
				// custom opacity setting
				opacity: 1.0		
			});

			
			$.tools.validator.localize("es",{
				'*' : 'Por favor corrige este valor',
				'[required]' : 'Por favor completa este campo obligatorio',
				':email' : 'Por favor introduce un email válido',
				':number' : 'Por favor introduce un valor numúrico',
				':url' : 'Por favor introduce una url válida',
				'[max]' : 'Por favor introduce un valor mayor a $1',
				'[min]' : 'Por favor introduce un valor menor a $1',
				'[data-equals]' : 'El valor no corresponde con el campo $1'			
			});
			
			$.tools.validator.fn("[data-equals]", function(input) {
				var name = input.attr("data-equals"),
			 	field = this.getInputs().filter("[name=" + name + "]"); 
				return input.val() == field.val() ? true : {
					es: "Los valores no son iguales",
					en: "The values are not equal"
				}; 
			});
			
			
			$(".form-validator").validator({			
				 message: '<div/>',
					lang: 'es',
					
					onSuccess:function(){
						ok=false;
						elems = document.getElementsByName('s3capcha');
						for(i=0;i<elems.length;i++){
							if(elems[i].checked){
								ok=true;
							}
						}
						 if(!ok){
						 	$('#error_capcha').fadeIn();
						 	return false;
						 }
				 		return true;
					},
					onFail:function(){
					setTimeout(function(){
						$(".error div.cierre").remove();
						if ($(".error").html().indexOf('class="cierre"')<=-1) {
							$('<div class="cierre"/>').insertAfter($('.error p'));
						}
					},2);
				}
			});
			
			$('#capcha').s3Capcha();

		
		$("#conditions").overlay({
			onBeforeLoad: function() {
				// grab wrapper element inside content
				var wrap = this.getOverlay().find(".contentWrap");
				// load the page specified in the trigger
				wrap.load(this.getTrigger().attr("href"));
			},
			// enmascara
			mask: {
				//color: '#000',
				loadSpeed: 200
				//opacity: 0.8
			},
			closeOnClick: false
		});


		buttons = $("#modal-win a").click(function(e) {
			conditionsAccepted = (buttons.index(this) === 0);
			$("#conditions_cbx").attr('checked', conditionsAccepted);
		});

		
	});


	/*	
		function save() {
			$("#saving").jqm().jqmShow(); 
			
			$.getJSON('/signup/save', {
				"consumer[email]" : $("#email").val(),
				"consumer[password]" : $("#password").val(),
				"consumer[password2]" : $("#password2").val(),
				"consumer[full_name]" : $("#full_name").val(),
				"consumer[mobile]" : $("#mobile").val(),
				"recaptcha_challenge_field" : $("#recaptcha_challenge_field").val(),
				"recaptcha_response_field" : $("#recaptcha_response_field").val()
			},
			function(result){

				//processResult(result, "/signup/emailsent?email=" + result.email, validator);
			  //Recaptcha.reload();
			});
		}

	*/
		
		
	</script>
	

	</head>
	
	<body>
		<a name="top"></a>
		<div id="fb-root"></div>
	
		<noscript>
			<div id="aviso_js">
				<p>Lo sentimos, pero esta web sólo funciona con Javascript activado.</p>
			</div>
		</noscript>

		<!-- conditional comment: aviso para Explorer 6 y menor //-->
			<!--[if lte IE 6]>
				<div id="aviso_ie">
					<p><strong>Hemos detectado que utilizas Internet Explorer 6</strong>, un navegador obsoleto, con problemas de seguridad y compatibilidad conocidos.</p>
					<p>Recomendamos que actualices tu navegador <a href="http://www.browserchoice.eu">en la web de browserchoice.org, haciendo clic aquí</a></p>
				</div>
			<![endif]-->

		<div class="header">
			<div class="session-links">
				<a title="Accede a tu cuenta Qporama" href="registro">Inicia sessión</a>
				<a title="Crea una cuenta Qporama" href="registro">Regístrate</a>
			</div> <!-- / .social-links -->	
			
			<div class="social-links">
				<a title="Visita la página Facebook de Qporama" class="facebook" href="facebook"><span>facebook</span></a>
				<a title="Visita la página Twitter de Qporama" class="twitter" href="twitter"><span>twitter</span></a>
			</div> <!-- / .social-links -->	
	
	
			<h2 class="logo_claim">
				<a class="logo" name="top" title="volver a la página de inicio" href="index.html">
					<span class="hidden">Qporama: Conecta con tus marcas favoritas y accede a regalos y ofertas exclusivas</span>
				</a>
			</h2>
			<h1 class="claim">
				Conecta con tus <strong>marcas</strong> favoritas y <br />accede a <strong>regalos</strong> y ofertas <strong>exclusivas</strong>
			</h1>
		</div> <!-- / .header -->
	
		<div class="fondo-pagina" style="background: url(css/css_images/fondo-home-beige.jpg);">
			<div class="gradient">&nbsp;</div>
		</div>

	<!-- cuando estoy en la pagina crear tu cuenta -->
			<div class="user">
				<div class="profile">
					<p>¿Ya estás registrado?<br /><a href="/login">Inicia Sesión</a></p>
				</div>
				<div class="mensajes">
					<h2 class="titulo-principal">Crea tu cuenta usando facebook o tu e-mail</h2>
					<p class="soft">Rellena todos los campos, por favor.</p>
				</div> <!-- cerrar mensajes //-->
			</div> <!-- cerrar user //-->
	

		<div class="buscar">
			<form action="#" method="get">
				<p class="fondo-input-buscar l"><input type="text" id="buscar" value="Busca un negocio o una oferta" /></p>

				<ul class="fondo-select selecciona-categoria">
					<li class="catselector-link" onclick="$('#CatSelector').slideToggle('fast');">Selecciona una categoría
						<ul id="CatSelector">
							<li><a title="Moda y Complementos" href="#">Comer y beber</a></li>
							<li><a title="Moda y Complementos" href="#">Moda y Complementos</a></li>
							<li><a title="Moda y Complementos" href="#">Moda y Complementos</a></li>
							<li><a title="Moda y Complementos" href="#">Moda y Complementos</a></li>
						</ul>
					</li>
				</ul>

				<p class="fondo-select l" style="position: relative; left: -2px; z-index: 0;"><input type="text" id="location_selector_ciudad" value="Barcelona" /> <small><a id="location_selector_ciudad_cambiar" href="javascript:;">[cambiar]</a></small></p>
				<p class="boton secundario grande l"><input type="submit" value="buscar" /></p>
			</form>
		</div> <!-- cerrar buscar //-->

<!-- aqui empieza el div class="page -->

<div class="page">

	<!-- columna de contenido principal //-->
		<div class="c-960">

			<!-- columna de contenido login //-->
			<div class="caja c960 f1f1f1">
				<div class="content datainput">

					<div class="promos laterales">
						<div class="nospam">
							<p class="arroba"><img src="css/css_images/arroba.png" alt="" width="69" height="78" /></p>
							<p class="nospamtxt">No compartiremos tus datos ni los utilizaremos para enviarte <em>SPAM</em>, sino únicamente para enviarte las mejores ofertas.</p>
						</div> <!-- cerrar nospam //-->

			<div class="caja c280">
				<div class="content">
					<h2 class="titulo-principal cajita">¿Por qué crear una cuenta?</h2>
					<ol class="soft oferta-relacionada">
						<li class="peque">Para poder recibir las mejores ofertas que se ajustan a tus gustos</li>
						<li class="peque">Para poder ajustarnos más a tus necesidades</li>
						<li class="peque">Para poder compartir tus gustos con tus amigos</li>
					</ol>						
				</div> <!-- cerrar content //-->
				<div class="cierre"></div>
			</div> <!-- cerrar caja c280 //-->

					</div> <!-- cerrar promos laterales //-->


			<div class="formulario ancho">
          
		        						
						<div id="fb-root"></div>

						<!--p class="facebutton enorme es"><fb:login-button autologoutlink="true" perms="publish_stream,email,user_birthday,offline_access,user_checkins"></fb:login-button></p-->
					<!--div class="facebutton enorme es" style="display:block; float: left; cursor:pointer; cursor:hand;" id="facebook-connect-button"></div //-->
					<div class="facebutton enorme" id="facebook-connect-button" style="float: none;"><p>Inicia sesión con facebook</p></div>
						<!-- <div id="facebookmessage" style="display:none">Te has logeado con éxito usando facebook". Como eres un nuevo usuario, tenemos que crearte una nueva cuenta en Qporama. Solo hemos de hacerlo esta vez. Una vez hecha, después podrás entrar a través de facebook login directamente, o con tu usuario y password de Qporama, como prefieras</div>						
						 -->
						 
						<div id="facebookmessage" style="display:none; margin-right: 40px;">
							<h3>Te has logeado con éxito usando facebook</h3> 
							<p class="soft">Como eres un nuevo usuario, tenemos que crearte una nueva cuenta en Qporama. </p>
							<p class="soft">Solo hemos de hacerlo esta vez. Una vez hecha, después podrás entrar a través de facebook login directamente, o con tu usuario y password de Qporama, como prefieras<p>
						</div>
						
						<p class="soft" style="margin: 20px 0;">o crea tu cuenta Qporama:</p>
						
						<form id="form-signup" name="form-signup" class="form-tooltip form-validator f620" action="/signup/save" method="post">

							<p><label for="full_name">Nombre y Apellidos</label></p>
							<p class="fondo-input"><input type='text' id='UserProfiles_full_name' name='UserProfiles[full_name]' title="Introduce tu nombre" value=""         rel='tooltip' /></p>
							<!-- p><label for="surname">Apellidos</label></p>
							<p class="fondo-input"><input type="text" name="surname" id="surname" required="required"  rel="tooltip" title="Introduce tus apellidos"/></p>
							--><p><label for="email">E-mail</label></p>
							<p class="fondo-input"><input type='email' id='UserEmails_email' name='UserEmails[email]' title="Intruduce un e-mail correcto." value="" class='required'  maxlength='30'      rel='tooltip' /></p>
							<p><label for="password">Contraseña</label></p>
							<p class="fondo-input"><input type='password' id='Users_password' name='Users[password]' title="Escribe una contraseña de más de 6 carácteres"        rel='tooltip' /></p>
							<p><label for="password2">Repetir contraseña</label></p>
							<p class="fondo-input"><input type="password" name="password2" id="password2" data-equals="Users[password]" rel="tooltip" required="required" title="Vuelve a introducir la contraseña"/></p>
							 
							<div id="capcha"> 
								<p>Haz clic en el icono <span class="captcha">premium</span></p>
								<div><span>dollar <input type="radio" name="s3capcha" id="s3capcha_0" value="734115622" rel="tooltip" required="required" title="ECO" /></span><div style="background: url(images/icons/dollar.gif) bottom left no-repeat; width:54px; height:61px; cursor:pointer; display:none;" class="img"></div></div>
								<div><span>premium <input type="radio" name="s3capcha" id="s3capcha_1" value="965138177" rel="tooltip" required="required" title="ECO" /></span><div style="background: url(images/icons/premium.gif) bottom left no-repeat; width:54px; height:61px; cursor:pointer; display:none;" class="img"></div></div>
								<div><span>member <input type="radio" name="s3capcha" id="s3capcha_2" value="1477207255" rel="tooltip" required="required" title="ECO" /></span><div style="background: url(images/icons/member.gif) bottom left no-repeat; width:54px; height:61px; cursor:pointer; display:none;" class="img"></div></div>
								<div><span>vip <input type="radio" name="s3capcha" id="s3capcha_3" value="1924552183" rel="tooltip" required="required" title="ECO" /></span><div style="background: url(images/icons/vip.gif) bottom left no-repeat; width:54px; height:61px; cursor:pointer; display:none;" class="img"></div></div>
								<div><span>qpr <input type="radio" name="s3capcha" id="s3capcha_4" value="1635763125" rel="tooltip" required="required" title="ECO" /></span><div style="background: url(images/icons/qpr.gif) bottom left no-repeat; width:54px; height:61px; cursor:pointer; display:none;" class="img"></div></div>
							</div>
		
							<p id="terms" class="check"><label><input type="checkbox" rel="tooltip" name="mail_subscritpion" id="mail_subscritpion" title="Quiero recibir e-mails" /> Quiero recibir e-mails</label></p>
							<p id="terms" class="check"><label><input type="checkbox" id="conditions_cbx" name="conditions_cbx" title="ondiciones" required="required" /> He leído y acepto las <a href="/signup/conditions" id="conditions" title="condiciones" rel="#modal-win" >condiciones</a></label></p>
							
							<p style="display: block; float: left; width: 162px; margin: 20px 20px 20px 0;" class="boton primario grande">
								<a href="#"><span>crear mi cuenta</span></a>
							</p>

							<p style="display: block; float: left; width: auto; height: 42px; line-height: 42px; margin: 20px;"><a href="/login" title="cancelar">cancelar</a></p>
						
							<input type="hidden" value="" name="fb_id" id="fb_id" />
						</form>
				</div> <!-- cerrar div formulario grande //-->
				<div class="clear">&nbsp;</div>
				</div> <!-- cerrar content //-->
				<div class="cierre"></div>
		</div> <!-- cerrar caja c960 f1f1f1 //-->

		</div> <!-- cerrar columna de 960px de ancho //-->
	</div><!-- cerrar page //-->

	<div id="error_capcha" class="error" style="display: none; position: absolute; top: 570.5px; left: 445.5px;"><p>Por favor selecciona una imagen</p><div class="cierre"></div></div>

	<div class="modal" id="modal-win">
		<div class="contentWrap"></div>
		<!-- yes/no buttons -->
		<div class="buttonwrap">
			<p class="boton primario grande" style="display: block; float: left; width: 162px; margin: 20px 20px 20px 0;"><a href="javascript:;" class="close">Acepto</a></p>
			<p style="display: block; float: left; width: auto; height: 42px; line-height: 42px; margin: 20px;"><a href="javascript:;" class="close">No acepto </a></p>
		</div>
		<div class="clear">&nbsp;</div>
	</div>			

	<div class="jqmWindow" id="saving">
		<h1>Guardando datos...</h1>
	</div>

</body>
</html>